  :root {
    --color-primary:#1890ff;
    --color-primary-1:#e6f7ff;
    --color-primary-2:#bae7ff;
    --color-primary-3:#91d5ff;
    --color-primary-4:#69c0ff;
    --color-primary-5:#40a9ff;
    --color-primary-6:#1890ff;
    --color-primary-7:#096dd9;
    --color-primary-8:#0050b3;
    --color-primary-9:#003a8c;
    --color-primary-10:#002766;
    --color-success:#52c41a;
    --color-success-1:#f6ffed;
    --color-success-2:#d9f7be;
    --color-success-3:#b7eb8f;
    --color-success-4:#95de64;
    --color-success-5:#73d13d;
    --color-success-6:#52c41a;
    --color-success-7:#389e0d;
    --color-success-8:#237804;
    --color-success-9:#135200;
    --color-success-10:#092b00;
    --color-warning:#faad14;
    --color-warning-1:#fffbe6;
    --color-warning-2:#fff1b8;
    --color-warning-3:#ffe58f;
    --color-warning-4:#ffd666;
    --color-warning-5:#ffc53d;
    --color-warning-6:#faad14;
    --color-warning-7:#d48806;
    --color-warning-8:#ad6800;
    --color-warning-9:#874d00;
    --color-warning-10:#613400;
    --color-danger:#ff4d4f;
    --color-danger-1:#fff1f0;
    --color-danger-2:#ffccc7;
    --color-danger-3:#ffa39e;
    --color-danger-4:#ff7875;
    --color-danger-5:#ff4d4f;
    --color-danger-6:#f5222d;
    --color-danger-7:#cf1322;
    --color-danger-8:#a8071a;
    --color-danger-9:#820014;
    --color-danger-10:#5c0011;
    --color-info:#909399;
    --color-info-1:#f4f4f5;
    --color-info-2:#dedfe0;
    --color-info-3:#d3d4d6;
    --color-info-4:#bcbec2;
    --color-info-5:#a6a9ad;
    --color-info-6:#909399;
    --color-info-7:#6e7074;
    --color-info-8:#58595c;
    --color-info-9:#414244;
    --color-info-10:#2a2b2b;
    --color-white:#fff;
    --color-white-5:hsla(0, 0%, 100%, 0.5);
    --color-black:#000;
    --color-black-1:rgba(0, 0, 0, 0.1);
    --color-black-3:rgba(0, 0, 0, 0.3);
    --color-black-5:rgba(0, 0, 0, 0.5);
    --color-text-primary:#303133;
    --color-text-regular:#606266;
    --color-text-secondary:#909399;
    --color-text-placeholder:#c0c4cc;
    --color-text-dark-primary:#fff;
    --color-text-dark-regular:hsla(0, 0%, 100%, 0.8);
    --border-color-base:#ddd;
    --border-color-light:#e5e5e5;
    --border-color-lighter:#ededed;
    --border-color-extra-light:#f4f4f4;
    --background-color-base:#fafafa;
    --box-shadow-base:0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
    --box-shadow-dark:0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12);
    --box-shadow-light:0 4px 12px 0 rgba(0, 0, 0, 0.15);
    --checkbox-background-color:var(--color-white);
    --radio-input-background-color:var(--color-white);
    --radio-checked-icon-color:var(--color-white);
    --input-background-color:var(--color-white);
    --button-default-background-color:var(--color-white);
    --button-disabled-background-color:var(--color-white);
    --button-default-border-color-5:hsla(0, 0%, 86.7%, 0.5);
    --table-header-background-color:var(--background-color-base);
    --table-fixed-box-shadow:0 0 10px rgba(0, 0, 0, 0.12);
    --popup-modal-background-color:#000;
    --popup-modal-opacity:0.5;
    --popover-background-color:var(--color-white);
    --dialog-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
    --tooltip-fill:var(--color-text-primary);
    --tooltip-color:var(--color-text-dark-primary);
    --tooltip-border-color:var(--tooltip-fill);
    --scrollbar-background-color:hsla(0, 0%, 66.7%, 0.5);
    --scrollbar-hover-background-color:hsla(0, 0%, 66.7%, 0.8);
    --backtop-background-color:var(--color-white);
    --backtop-font-color:var(--color-primary);
    --backtop-hover-background-color:var(--border-color-extra-light);
    --avatar-background-color:#c0c4cc;
    --skeleton-color:#f2f2f2;
    --skeleton-to-color:#e6e6e6;
    --svg-monochrome-grey:#dcdde0;
    --loading-mask-bg:hsla(0, 0%, 100%, 0.9);
    --layout-body-background:#f0f2f5;
    --sidebar-light-shadow:1px 3px 3px rgba(0, 21, 41, 0.08);
    --sidebar-dark-shadow:0 4px 4px rgba(0, 0, 0, 0.35);
    --header-light-shadow:0 1px 4px rgba(0, 21, 41, 0.08);
    --header-dark-shadow:0 1px 4px rgba(0, 0, 0, 0.1);
    --header-tool-hover-bg:rgba(0, 0, 0, 0.025);
    --header-dark-tool-hover-bg:hsla(0, 0%, 100%, 0.05);
    --logo-light-shadow:1px 2px 3px rgba(0, 21, 41, 0.08);
    --logo-dark-shadow:0 3px 4px rgba(0, 0, 0, 0.35);
    --menu-dark-background:#191a23;
    --content-image-filter:none
}
.ele-admin-theme-dark {
    --color-primary:#177ddc;
    --color-primary-1:#111d2c;
    --color-primary-2:#112a45;
    --color-primary-3:#15395b;
    --color-primary-4:#164c7e;
    --color-primary-5:#1765ad;
    --color-primary-6:#177ddc;
    --color-primary-7:#3c9ae8;
    --color-primary-8:#65b7f3;
    --color-primary-9:#8dcff8;
    --color-primary-10:#b7e3fa;
    --color-success:#49aa19;
    --color-success-1:#162312;
    --color-success-2:#1d3712;
    --color-success-3:#274916;
    --color-success-4:#306317;
    --color-success-5:#3c8618;
    --color-success-6:#49aa19;
    --color-success-7:#6abe39;
    --color-success-8:#8fd460;
    --color-success-9:#b2e58b;
    --color-success-10:#d5f2bb;
    --color-warning:#d89614;
    --color-warning-1:#2b2111;
    --color-warning-2:#443111;
    --color-warning-3:#594214;
    --color-warning-4:#7c5914;
    --color-warning-5:#aa7714;
    --color-warning-6:#d89614;
    --color-warning-7:#e8b339;
    --color-warning-8:#f3cc62;
    --color-warning-9:#f8df8b;
    --color-warning-10:#faedb5;
    --color-danger:#a61d24;
    --color-danger-1:#2a1215;
    --color-danger-2:#431418;
    --color-danger-3:#58181c;
    --color-danger-4:#791a1f;
    --color-danger-5:#a61d24;
    --color-danger-6:#f5222d;
    --color-danger-7:#e84749;
    --color-danger-8:#f37370;
    --color-danger-9:#f89f9a;
    --color-danger-10:#fac8c3;
    --color-info:#909399;
    --color-info-1:#2a2b2b;
    --color-info-2:#414244;
    --color-info-3:#58595c;
    --color-info-4:#6e7074;
    --color-info-5:#85878d;
    --color-info-6:#909399;
    --color-info-7:#9b9ea3;
    --color-info-8:#b1b3b8;
    --color-info-9:#c7c9cc;
    --color-info-10:#dedfe0;
    --color-white:#141414;
    --color-black:#fff;
    --color-text-primary:#f2f2f2;
    --color-text-regular:#bfbfbf;
    --color-text-secondary:#8c8c8c;
    --color-text-placeholder:#595959;
    --border-color-base:#434343;
    --border-color-light:#303030;
    --border-color-lighter:#2d2d2d;
    --border-color-extra-light:#202020;
    --background-color-base:#262626;
    --box-shadow-base:0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
    --box-shadow-light:var(--box-shadow-base);
    --checkbox-background-color:transparent;
    --radio-input-background-color:transparent;
    --radio-checked-icon-color:transparent;
    --input-background-color:transparent;
    --button-default-background-color:transparent;
    --button-disabled-background-color:transparent;
    --button-default-border-color-5:rgba(68, 68, 68, 0.5);
    --table-header-background-color:#1d1d1d;
    --table-fixed-box-shadow:var(--box-shadow-base);
    --popover-background-color:#1f1f1f;
    --dialog-box-shadow:var(--box-shadow-base);
    --tooltip-fill:#434343;
    --scrollbar-background-color:hsla(0, 0%, 54.9%, 0.3);
    --scrollbar-hover-background-color:hsla(0, 0%, 54.9%, 0.5);
    --backtop-background-color:var(--popover-background-color);
    --backtop-hover-background-color:var(--color-white);
    --avatar-background-color:#444;
    --skeleton-color:hsla(0, 0%, 74.5%, 0.1);
    --skeleton-to-color:hsla(0, 0%, 100%, 0.16);
    --svg-monochrome-grey:#a4a4a4;
    --loading-mask-bg:rgba(31, 31, 31, 0.9);
    --layout-body-background:#000;
    --sidebar-light-shadow:0 4px 4px rgba(0, 0, 0, 0.6);
    --sidebar-dark-shadow:0 4px 4px rgba(0, 0, 0, 0.6);
    --header-light-shadow:0 1px 4px rgba(0, 0, 0, 0.6);
    --header-dark-shadow:0 1px 4px rgba(0, 0, 0, 0.6);
    --header-tool-hover-bg:hsla(0, 0%, 100%, 0.05);
    --header-dark-tool-hover-bg:hsla(0, 0%, 100%, 0.05);
    --logo-light-shadow:0 3px 4px rgba(0, 0, 0, 0.6);
    --logo-dark-shadow:0 3px 4px rgba(0, 0, 0, 0.6);
    --menu-dark-background:#1f1f1f;
    --content-image-filter:brightness(0.7)
}